﻿<!DOCTYPE html>
<html>
<head>
    <title>个人中心</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <!--公有引用-->
    <link rel="stylesheet" href="../css/weui.css" />
    <link rel="stylesheet" href="../css/weui2.css" />
    <link rel="stylesheet" href="../css/weui3.css" />

    <script src="../js/zepto.min.js"></script>
    
</head>
<body>
    <!--详情-->
    <div class="member_title_box" style="position: fixed;z-index:2;top:0;">
        <img src="../cdnimg/item_img.jpg" class="circle" style="width: 50px; height: 50px;" />
        <h4>微信名</h4>
    </div>
    <div class="weui_tab " style="height: 44px; " id="tab">
        <div class="weui_navbar" style="height: 44px; position: fixed; z-index: 2; top: 120px;">
            <div class="weui_navbar_item">
                全部
            </div>
            <div class="weui_navbar_item">
                待付款
            </div>
            <div class="weui_navbar_item ">
                已付款
            </div>
        </div>
    </div>
    <div id="order_list">

        <div class="weui_cells">
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary">
                    ZX2017030700000001
                </div>
                <div class="weui_cell_ft f-red">待付款</div>
            </div>
            <a href="pay.html" class="weui_media_box weui_media_appmsg">
                <div class="weui_media_hd">
                    <img class="weui_media_appmsg_thumb" src="../cdnimg/item_img.jpg" />
                </div>
                <div class="weui_media_bd">
                    <h4 class="weui_media_title">歌剧魅影</h4>
                    <p class="weui_media_desc"><i class="icon icon-51"></i> 2017-05-13 15:30</p>
                    <p class="weui_media_desc"><i class="icon icon-46"></i> 长沙红太阳</p>
                    <h4 class="weui_media_title f-red">¥220</h4>
                </div>
                <div class="weui_order_ft">×1</div>
            </a>
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary">
                </div>
                <div class="weui_cell_ft f-red"><a href="pay.html" class="weui_btn weui_btn_mini weui_btn_warn">立即付款</a></div>
            </div>
        </div>
        <div class="weui_cells">
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary">
                    ZX2017030700000001
                </div>
                <div class="weui_cell_ft f-red">已付款</div>
            </div>
            <a href="pay_ticket_code.html" class="weui_media_box weui_media_appmsg">
                <div class="weui_media_hd">
                    <img class="weui_media_appmsg_thumb" src="../cdnimg/item_img.jpg" />
                </div>
                <div class="weui_media_bd">
                    <h4 class="weui_media_title">歌剧魅影</h4>
                    <p class="weui_media_desc"><i class="icon icon-51"></i> 2017-05-13 15:30</p>
                    <p class="weui_media_desc"><i class="icon icon-46"></i> 长沙红太阳</p>
                    <h4 class="weui_media_title f-red">¥220</h4>
                </div>
                <div class="weui_order_ft">×1</div>
            </a>
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary">

                </div>
                <div class="weui_cell_ft f-red"><a href="javascript:;" value="3493 2039 4930" class="weui_btn weui_btn_mini weui_btn_default ticket_code">取票码</a></div>
            </div>
        </div>
        <div class="weui_cells">
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary">
                    ZX2017030700000001
                </div>
                <div class="weui_cell_ft f-red">已核销</div>
            </div>
            <a href="pay_close_order.html" class="weui_media_box weui_media_appmsg">
                <div class="weui_media_hd">
                    <img class="weui_media_appmsg_thumb" src="../cdnimg/item_img.jpg" />
                </div>
                <div class="weui_media_bd">
                    <h4 class="weui_media_title">歌剧魅影</h4>
                    <p class="weui_media_desc"><i class="icon icon-51"></i> 2017-05-13 15:30</p>
                    <p class="weui_media_desc"><i class="icon icon-46"></i> 长沙红太阳</p>
                    <h4 class="weui_media_title f-red">¥220</h4>
                </div>
                <div class="weui_order_ft">×1</div>
            </a>
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary">

                </div>
                <div class="weui_cell_ft f-red"><a href="javascript:;" value="3255677893023" class="weui_btn weui_btn_mini weui_btn_default cancel_order">删除订单</a></div>
            </div>
        </div>
        <div class="weui_cells">
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary">
                    ZX2017030700000001
                </div>
                <div class="weui_cell_ft f-red">已付款</div>
            </div>
            <a href="pay_ticket_code.html" class="weui_media_box weui_media_appmsg">
                <div class="weui_media_hd">
                    <img class="weui_media_appmsg_thumb" src="../cdnimg/item_img.jpg" />
                </div>
                <div class="weui_media_bd">
                    <h4 class="weui_media_title">歌剧魅影</h4>
                    <p class="weui_media_desc"><i class="icon icon-51"></i> 2017-05-13 15:30</p>
                    <p class="weui_media_desc"><i class="icon icon-46"></i> 长沙红太阳</p>
                    <h4 class="weui_media_title f-red">¥220</h4>
                </div>
                <div class="weui_order_ft">×1</div>
            </a>
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary">

                </div>
                <div class="weui_cell_ft f-red"><a href="javascript:;" value="1111 2222 3333" class="weui_btn weui_btn_mini weui_btn_default ticket_code">取票码</a></div>
            </div>
        </div>
        <div class="weui-loadmore weui-loadmore-line">
            <span class="weui-loadmore-tips">暂无数据</span>
        </div>
    </div>
    <!--底部导航-->
    
    <div class="weui_tab tab-bottom">
        <div class="weui_tabbar">
            <a href="index.html" class="weui_tabbar_item">
                <div class="weui_tabbar_icon">
                    <img src="../images/icon_trailer_default.png" alt="">
                </div>
                <p class="weui_tabbar_label">预告</p>
            </a>
            <a href="list.html" class="weui_tabbar_item">
                <div class="weui_tabbar_icon">
                    <img src="../images/icon_show_default.png" alt="">
                </div>
                <p class="weui_tabbar_label">演出</p>
            </a>
            <a href="member.html" class="weui_tabbar_item">
                <div class="weui_tabbar_icon">
                    <img src="../images/icon_mine_default.png" alt="">
                </div>
                <p class="weui_tabbar_label">我的</p>
            </a>
        </div>
    </div>
    <script>
        //底部导航
        $(function () {
            var filename = location.href.substring(0, location.href.lastIndexOf('/'));
            filename = (filename.substr(filename.lastIndexOf('/') + 1) + "/" + location.href.substr(location.href.lastIndexOf('/') + 1)).toLowerCase();
            var weui_tabbar = $(".weui_tabbar").children("a");
            switch (filename) {
                case "web/index.html":
                    weui_tabbar.eq(0).addClass("weui_bar_item_on").find("img").attr("src", "../images/icon_trailer_selected.png");
                    break;
                case "web/list.html": case "web/detail.html":
                    weui_tabbar.eq(1).addClass("weui_bar_item_on").find("img").attr("src", "../images/icon_show_selected.png");
                    break;
                case "web/member.html":
                    weui_tabbar.eq(2).addClass("weui_bar_item_on").find("img").attr("src", "../images/icon_mine_selected.png");
                    break;
            }
        });
        $(function () {
            $(".weui_cells").eq(0).css("margin-top", "0");
            $("#order_list .weui_cells").length > 0 ? $("#order_list").css("margin-top", "120px") : $("#order_list").css("margin-top", "320px");
            //tab点击
            $('#tab').tab({ activeClass: "tab-red"});
            $('.weui_navbar_item').on('click', function () {
                //alert($(this).index());
            });
        });
        //取票码
        $(document).on("click", ".ticket_code", function () {
            $.alert($(this).attr("value"), "取票码");
        });
        //删除订单
        $(document).on("click", ".cancel_order", function () {
            $.confirm("您确定要删掉该订单吗?", "警示", function () {
                $.toast("删掉成功!");
            }, function () {
                //取消操作,属性value为订单id
                $(this).attr("value");
            });
        });
    </script>
</body>
</html>
